// 启动一个worker，可进行较为耗时的操作。
// 使用messageChannel和worker进行通信。
const btnEle = document.getElementById("sendMessage");
btnEle.addEventListener("click", () => {
  // 初始化一个worker; 注意本地路径会被chrome认为是不安全路径
  const worker = new Worker("./worker.js");
  // 创建一个messageChannel 会产生两个端口，我们在main.js中留一个端口，另一个在worker中
  const channel = new MessageChannel();
  // 接受来自worker发来的消息
  channel.port1.onmessage = (event) => {
    document.getElementById("data-display").textContent = `${event.data}`;
  };
  worker.postMessage("hello world", [channel.port2]); // port传递给worker;
});
